@charset"utf-8";
//头部
$colors:#999 #e01662;
header{
  
    // border: 1px solid red;
    font-size: 12px;


    .welcome{
        height: 40px; 
        background-color: #f2f2f2;
        .leftul{
            li{
                
                // margin-right: 20px;
                float: left;
                a{
                    padding: 0 10px;
                    &:hover{
                        color: nth($colors,2)
                    }
                    line-height: 40px;
                    height: 40px;
                    font-weight: normal;
                    i{
                        font-size: 16px;
                        color: nth($colors,2)
                    }
                  
                }
            }
        }
        .register{
            
            a{
                &:hover{
                    color: nth($colors,2)
                 }
                padding: 0 10px;
                line-height: 40px;
                height: 40px;
                font-weight: normal;
            }   
        }
       .rightul{
           li{
             
               float: left;
               a{
                   span{
                    color: nth($colors,2)
                   }
                   position: relative;
                padding: 0 15px;
                &:hover{
                    color: nth($colors,2)
                 }
                 &:after{
                     display: block;
                     content: '';
                     height: 12px;
                     width: 0;
            border: 1px solid #666;
                position: absolute;
                     top: 2px;
                     left: 0;
                 }
                line-height: 40px;
                height: 40px;
                   
               }
           }
       } 

    };

    .logoSearchTel{
        .logo{
            img{
                height: 150px;
                width: 360px;
            }
        }
        .search{
            margin-top: 60px;
         form{
           input{
               display: block;
               height: 30px;
               width: 370px;
               text-indent: 10px;
               outline: none;
               color: nth($colors,1);
               border:  nth($colors,2) 1px solid
           }
            .btn{
                height: 32px;
                width: 60px;
                color: #fff;
                border:  nth($colors,2) 1px solid;
background-color:  nth($colors,2);
            }
        }
        ul{
            margin-top: 10px;
            a{
                color: #999;
            }
        }
        }

        .tel{
            margin-top: 60px;
            margin-left: 40px;
            >h4{
                font-size: 18px;
               color: #737373;
                float: left;
                margin-left: 15px;
                
                >i{
                    font-size: 30px;
                    color: #e01662;
                    
                }
              
            }
        }
    }
// nav
    .nav{
    //    border-bottom: 5px solid nth($colors, 2);
        //  height: 50px;
.all{
   position: relative;
    // height: 500px;
  
    box-sizing: border-box;
    width: 220px;
    h4{
    
font-size: 18px;
color: #fff;
font-weight: bolder;
text-indent: 20px;
background-color:nth($colors,2);
padding:15.5px;
    }
    // 鲜花用途
    .effect{
        border-bottom: 2.5px solid nth($colors,2);
        position: absolute;
        
        z-index: 100;
        // display: none;
        height: 400px;
        background-color:rgb(240, 236, 236);
        padding: 0 20px;
        h5{font-size: 18px;
            line-height: 30px;
            
        color: nth($colors , 2 )
        }
        .who{
            box-sizing: border-box;
            padding-bottom: 4px;
            border-bottom: 1px solid #ccc;
            display: flex;
            flex-flow: wrap ;
            >a{
                &:hover{
                    color:orange;
                }
               font-size: 12px;
                display: block;
                width: 33%;
               line-height: 25px;
           justify-content: space-between;
        
            }
        }
    }
}

ul{
 
    li{
        // position: relative;
        
        
       ol{
// display: none;
    
        // border: #666 1px solid;
           position: absolute;
           
        left: 20%;
        // top:61px;
        // right: 0;
        // bottom: 0;
        margin: auto;
        z-index: 200;
        width: 1050px;
        // height: 200px;
        li+li{
            border-top: 1px dashed pink;
           }
           li{
             
            background-color: #fff;
           padding: 2px;
      
                       width: 1050px;
           span{
               padding-top: 5px;
               text-align: center;
               font-size: 13px;
            padding-left: 10px;
              padding-right: 15px;
               display: block;
           }
         .flow{
             width: 950px;
            a{
              
                &:hover{
                    color: orange;
                }
                line-height: 30px;
                white-space:nowrap;
                font-size: 12px;
                // font-size: 12px;
                margin-right: 20px;
                font-weight: normal;
            }
         }
           }
       }
        float: left;
        >a{
            position: relative;
            // &:hover ol li{
            //   display: block;
            //   z-index: 1000;
            // }
            &:hover{
                color: nth($colors, 2 );
            }
        
            font-size: 16px;
            line-height: 50px;
            padding: 15px;
            font-weight: bolder;
        }
    }
}
    }
  
}